<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition>
	<h:inputHidden value="#{listMails.selectedMessage}" />

	<h:panelGrid columns="1">
		<p:growl id="growl" />
		<h:outputLabel for="listUsers" value="Para:" />
		<p:autoComplete value="#{listMails.todosUsuarios}"
			id="listUsers"
			completeMethod="#{listMails.complateUser}"
			onselect="#{listMails.getUsuarios}" var="p"			
			itemLabel="#{p.id.nombreCompleto}"
			itemValue="#{p}"
			converter="#{listMails}" forceSelection="true" multiple="true">
			<p:ajax event="itemUnselect" listener="#{listMails.handleUnselect}"
				update="growl" />
			<p:ajax event="itemSelect" listener="#{listMails.selectUsuario}" />
			<p:column>
				<p:graphicImage value="/resources/profilePictures/default.jpg"
					width="40" height="50" />
			</p:column>

			<p:column>  
                    #{p.id.nombreCompleto} - #{p.id.nombreUsuario}  
                </p:column>
		</p:autoComplete>


		<h:outputLabel for="Asunto" value="Asunto:" />
		<p:inputText id="Asunto" label="Asunto" value="#{listMails.asunto}" />


		<p:editor width="550" value="#{listMails.mensaje}" />
		<p:commandButton id="loginButton" value="Enviar" update="@all" process="@parent"
			action="#{listMails.sendMail}" />

		<f:facet name="footer">


		</f:facet>

		<p:separator style="margin-top:20px" />
	</h:panelGrid>


</ui:composition>

</html>


